<!--
 * @Author: hifishroom
 * @Date: 2021-09-29 19:06:27
 * @LastEditTime: 2022-04-02 14:12:09
 * @FilePath: \website\src\views\main\MainView.vue
-->
<template>
  <Header v-show="isLoading" />
  <HFView />
  <Footer v-show="isLoading" />
</template>

<script>
import { computed, defineComponent } from "vue";
import Footer from "@/components/common/footer/Footer.vue";
import Header from "@/components/content/header/Header.vue";
import HFView from "./HFView.vue";
import { useStore } from "vuex";
export default defineComponent({
  name: "MainView",
  components: {
    Header,
    Footer,
    HFView,
  },
  setup(props, ctx) {
    let store = useStore();
    console.log(store);
    const isLoading = computed(() => {
      return store.state.loadingFlag;
    });

    return {
      store,
      isLoading,
    };
  },
});
</script>
